@charset "utf-8";
.main{position: relative;top: 40px;min-width: 1200px}

.black{ background: rgba(24,30,108,0.85);/* background: rgba(2,4,17,.4);background: rgba(255,255,255,.8);*/}


.banner { position:absolute;text-align:center; overflow:hidden; width: 100%;height: 100%;top: 0;left: 0}
.banner .bd { position:relative;width: 100%;height: 100%; }
.banner .bd .tempWrap{height: 100%}
.banner .bd ul{height: 100%}
.banner .bd ul li {display: block; background-size:cover !important; height:100%;background-repeat: no-repeat;background-position: center;position: relative;}
.banner .bd img{vertical-align: bottom}
.banner .hd { position:absolute; bottom:100px;z-index:9; text-align:center;right: 50%;margin-right: -600px}
.banner .hd ul {line-height: 4px;  }
.banner .hd ul li { display:inline-block; *display:inline; text-indent: 999px;zoom:1;overflow:hidden; cursor:pointer;background: #294e90; width: 27px;height: 8px;margin:0 2px;transition: all .5s ease;}
.banner .hd ul .on { background: #ffffff ;width:54px;padding: 0}

.animateA{transition: all 1.2s ease;position: relative;opacity: 0}
.active .animateA{opacity: 1}

.delay1{
	transition-delay: 0.1s;
	-moz-transition-delay: 0.1s; /* Firefox 4 */
	-webkit-transition-delay: 0.1s; /* Safari 和 Chrome */
	-o-transition-delay: 0.1s;
}
.delay2{
	transition-delay: 0.2s;
	-moz-transition-delay: 0.2s; /* Firefox 4 */
	-webkit-transition-delay: 0.2s; /* Safari 和 Chrome */
	-o-transition-delay: 0.2s;
}
.delay3{
	transition-delay: 0.3s;
	-moz-transition-delay: 0.3s; /* Firefox 4 */
	-webkit-transition-delay: 0.1s; /* Safari 和 Chrome */
	-o-transition-delay: 0.3s;
}
.delay4{
	transition-delay: 0.4s;
	-moz-transition-delay: 0.4s; /* Firefox 4 */
	-webkit-transition-delay: 0.4s; /* Safari 和 Chrome */
	-o-transition-delay: 0.4s;
}

.section1 .txt{text-align: center;top: 0;position: absolute;top: 50%;width: 100%;z-index: 9;transform: translateY(-50%);}
.section1 .h{font-size: 50px;color: #fff;font-weight: bold;}
.section1 .p{font-size: 39px;color: #fff;margin-top: 6px;text-shadow: 0 2px 5px rgba(0,0,0,.33)}
.section1 .s{font-size: 14px;color: rgba(255,255,255,.4);font-style: italic;margin-top: 6px;}
.section1 .g-more{display: inline-block;margin-top: 30px;width: 150px;height: 54px;text-align: left;line-height: 54px;background: url(g-more.png) no-repeat 102px center #0a9ce0;border-radius: 30px;font-size: 14px;color: #ffffff;box-sizing: border-box;padding-left: 28px;}

.section2 .main{}
.section2 .leftArea{float: left;width: 8.25rem;box-sizing: border-box;padding-left: 3.6rem;position: relative;padding-top: .42rem;left: -300px;}
.section2 .leftArea .ti{position: relative;padding-bottom: 10px;}
.section2 .leftArea .ti:after{content: '';position: absolute;left: -3.6rem;background: #d0cfd5;width: 5rem;height: 1px;bottom: 0}
.section2 .leftArea .ti .h{font-size: .36rem;color: #333333}
.section2 .leftArea .ti .p{font-size: .18rem;color: #333333;text-transform: uppercase;}
.section2 .leftArea .m{font-size: .18rem;color: #ff6815;margin-top: .25rem;}
.section2 .leftArea .cont{font-size: .14rem;color: #333333;line-height: .28rem;margin-top: .15rem;}
.section2 .leftArea .more{display: block;width: 145px;height: 30px;line-height: 30px;border-radius: 20px;background: #099fe8;font-size: 14px;color: #ffffff;text-align: center;margin-top: 30px;box-sizing: border-box;border: 1px solid #099fe8}
.section2 .leftArea .more:hover{color: #099fe8;background: #fff}
@media screen and (max-width: 1440px){
	.section2 .leftArea{padding-left: 1.2rem}
	.section2 .leftArea .ti:after{left: -1.2rem;width: 2.6rem}
}

.section2 .rightArea{float: right;right: -300px;}
.section2 .rightArea ul li{float: left;width: 3.1rem;height: 5.7rem;position: relative;margin-left: .15rem}
.section2 .rightArea ul li:first-child{margin-left: 0}
.section2 .rightArea ul li a{display: block;}
.section2 .rightArea ul li img{width: 100%;height: auto;}
.section2 .rightArea ul li .mask{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,.7);z-index: 8;opacity: 1;transition: all .5s ease;}
.section2 .rightArea ul li:hover .mask{opacity: 0}
.section2 .rightArea ul li .ti{position: absolute;top: 0;left: 0;width: 60px;height: 224px;background: #ffffff;z-index: 9}
.section2 .rightArea ul li:hover .ti{background: #099fe8}
.section2 .rightArea ul li .ti .h{font-size: 18px;color: #333333;transition: all .5s ease;width: 18px;margin-left: 20px;margin-top: 10px;line-height: 20px;padding-bottom: 30px;background: url(ico_03.png) no-repeat bottom center;}
.section2 .rightArea ul li .ti .p{font-size: 14px;color: #333333;text-transform: uppercase;transition: all .5s ease;transform: rotate(90deg);margin-top: 25px}
.section2 .rightArea ul li:hover .ti .h{color: #fff;background: url(ico_08.png) no-repeat bottom center;}
.section2 .rightArea ul li:hover .ti .p{color: #fff}

.section2.active .leftArea{left: 0}
.section2.active .rightArea{right: 0}

.section3 .leftArea{float: left;width: 592px;height: 609px;position: relative;background: #f7f7f7;background-size: cover;left: -300px}
.section3 .ti{position: absolute;top: 35px;left: 25px;padding-bottom: 28px;}
.section3 .ti:after{content: '';position: absolute;bottom: 0;left: 0;width: 34px;height: 2px;background: #ff6815}
.section3 .ti .h{font-size: 27px;color: #00a2ea;transition: all .5s ease;}
.section3 .ti .p{font-size: 12px;color: #00a2ea;font-family: arial;transition: all .5s ease;text-transform: uppercase;}
.section3 .leftArea a{display: block;width: 100%;height: 100%;box-sizing: border-box;padding: 154px 35px 0;transition: all .5s ease;}
.section3 .leftArea .ti .p{margin-top: 5px}
.section3 .leftArea .pic img{display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;width: 100%;height: auto;}
.section3 .leftArea:hover .pic img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.section3 .rightArea{float: right;width: 595px;right: -300px;}
.section3 .rightArea .top{margin-bottom: 16px;}
.section3 .rightArea .top .box{height: 296px;width: 480px;float: left;position: relative;background: #f7f7f7;transition: all .5s ease;}
.section3 .rightArea .top .box a{display: block;width: 100%;height: 100%;box-sizing: border-box;padding: 70px 80px 0;}
.section3 .rightArea .top .box .pic img{width: 100%;height: auto;display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.section3 .rightArea .top .box:hover .pic img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.section3 .rightArea .top .more{display: block;float: right;width: 105px;height: 296px;background: #00a2ea;transition: all .5s ease;}
.section3 .rightArea .top .more i{width: 20px;font-size: 20px;color: #fff;font-style: normal;display: block;margin-left: 41px;margin-top: 55px;line-height: 24px;transition: all .5s ease;}
.section3 .rightArea .top .more:hover{background: url(ico_06.jpg) no-repeat;background-size: cover;}
.section3 .rightArea .top .more:hover i{color: #00a2ea;}
.section3 .rightArea .bottom{}
.section3 .rightArea .bottom .box{float: left;width: 288px;height: 296px;position: relative;background: #f7f7f7;}
.section3 .rightArea .bottom .box a{display: block;box-sizing: border-box;width: 100%;height: 100%;padding: 130px 25px 0;}
.section3 .rightArea .bottom .box .pic img{width: 100%;height: auto;display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.section3 .rightArea .bottom .box:hover .pic img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.section3 .rightArea .bottom .box:last-child{float: right;}
.section3 .rightArea .bottom .box:hover{background: url(ico_06.jpg) no-repeat;background-size: cover;}
.section3 .rightArea .bottom .box:hover .ti .h{color: #363636}
.section3 .rightArea .bottom .box:hover .ti .p{color: #363636}

.section3 .rightArea .top .box:hover a{background: url(ico_06.jpg) no-repeat;background-size: cover;}
.section3 .rightArea .top .box:hover .ti .h{color: #363636}
.section3 .rightArea .top .box:hover .ti .p{color: #363636}

.section3 .leftArea:hover a{background: url(ico_06.jpg) no-repeat;background-size: cover;}
.section3 .leftArea:hover .ti .h{color: #363636}
.section3 .leftArea:hover .ti .p{color: #363636}

.section3.active .leftArea{left: 0}
.section3.active .rightArea{right: 0}

.section4{}
.section4 .main{position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.section4 .s4-c{height: 100%}
.section4 .s4-c ul{height: 100%}
.section4 .s4-c ul li{float: left;width: 25%;height: 100%;box-sizing: border-box;padding: 13% 2.5% 0;transform: translateY(100%);}
.section4 .s4-c ul li:nth-child(2n){background: rgba(0,0,0,.4);}
.section4 .s4-c ul li:last-child{padding-right: 5.5%}
.section4 .s4-c ul li .ti{padding-bottom: 25px;position: relative;}
.section4 .s4-c ul li .ti:after{content: '';position: absolute;left: 0;bottom: 0;width: 21px;height: 4px;border-radius: 20px;background: #ff5e17}
.section4 .s4-c ul li .ti .h{font-size: 27px;color: #fff}
.section4 .s4-c ul li .ti .p{font-size: 14px;color: rgba(255,255,255,.5);font-family: arial;margin-top: 3px}
.section4 .s4-c ul li .cont{font-size: 14px;color: #fff;line-height: 26px;margin-top: 120px;opacity: 0;transition: all .5s ease;visibility: hidden;}
.section4 .s4-c ul li.on .cont{visibility: visible;opacity: 1;margin-top: 100px}

@media screen and (max-width: 1440px){
	.section4 .s4-c ul li .cont{margin-top: 80px}
	.section4 .s4-c ul li:hover .cont{margin-top: 60px}
}
.section4.active .s4-c ul li{transform: translateY(0);}

.section5{}
.section5 .leftArea{float: left;width: 602px;height: 390px;position: relative;z-index: 1;left: -300px}
.section5 .leftArea img{position: relative;z-index: 1}
.section5 .leftArea:after{content: 'CONTACT';z-index: 2;position: absolute;font-size: 150px;font-family: Impact;color: rgba(255,255,255,.1);font-weight: bold;bottom: -83px;line-height: 150px;left: 128px}
.section5 .rightArea{float: right;width: 535px;padding-top: 56px;position: relative;right: -300px}
.section5 .rightArea:after{content: '';position: absolute;width: 312px;height: 189px;background: url(ico_07.png) no-repeat;background-size: contain;right: 0;top: -24px}
.section5 .rightArea .contact{}
.section5 .rightArea .contact .ti{font-size: 24px;color: #ffffff}
.section5 .rightArea .contact .cont{font-size: 14px;color: #ffffff;line-height: 36px;margin-top: 22px}
.section5 .rightArea .contact .cont p{padding-left: 35px;}
.section5 .rightArea .contact .cont p:nth-child(1){background: url(p1.png) no-repeat left center;}
.section5 .rightArea .contact .cont p:nth-child(2){background: url(p2.png) no-repeat left center;}
.section5 .rightArea .contact .cont p:nth-child(3){background: url(p3.png) no-repeat left center;}
.section5 .rightArea .contact .cont p:nth-child(4){background: url(p4.png) no-repeat left center;}
.section5 .rightArea .contact .cont .phone{color: #ff6513;font-size: 18px;font-family: Impact}
.section5 .rightArea .share{text-align: right;display: none}
.section5 .rightArea .share a{padding: 0!important;margin-left: 20px!important;width: 47px!important;height: 47px!important;display: inline-block!important;}
.section5 .rightArea .copyright{margin-top: 70px;text-align: right;font-size: 14px;color: rgba(255,255,255,.5);}
.section5 .rightArea .copyright a{color: rgba(255,255,255,.5);}
.section5 .rightArea .copyright a:hover{color: #fff}

.section5.active .leftArea{left: 0}
.section5.active .rightArea{right: 0}